<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
  </style>
</head>
<body>
  <button>点我</button>
</body>
</html>

<script>
// 英文：storage  -  储存

// 如何 将 JS 内存上的数据，存到 硬盘上
  // 存到硬盘上的好处： 关闭 页面、 关闭 电脑，数据都不会 丢失
      // 干着事儿的专有名词： 数据的「持久化」

// 获取 localStorage

// 「增」/「改」向 localStorage 增加数据
  localStorage.setItem('key', 'value')
  localStorage.setItem('key1', '123水电费')

  // 「查」
  localStorage.getItem('key')

  // 『删』
  localStorage.removeItem('key')
  // localStorage.clear() // 删除全部


// 注：value 值，只能是 “字符串”
  // 为什么 只能是 字符串？
</script>